import type { Metadata } from "next";
import "./globals.css";
import "./prosemirror.css";
import { Toaster } from "@/components/ui/toaster"
import ClientLayoutWrapper from '@/components/ClientLayoutWrapper'

export const metadata: Metadata = {
  title: "VideoFlow",
  description: "VideoFlow is a modern video streaming platform built with Next.js, offering seamless video playback and content discovery.",
};


export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="en">
      <body className={`antialiased`}>
        
          <div className="min-h-screen flex flex-col">
          <ClientLayoutWrapper>
          {children}
          </ClientLayoutWrapper>

          </div>
          <Toaster />
      </body>
    </html>
  );
}